

import React from 'react'
import { DownOutlined } from '@ant-design/icons';
import { Dropdown, Menu, Space } from 'antd';
import { Link } from 'react-router-dom';
import ThemeBth from '../baseHeader/compoents/theme'
import I18nBth from '../baseHeader/compoents/i18n'
import Searcht from '../baseHeader/compoents/search'
import { SmallDashOutlined } from '@ant-design/icons';
const menu = (
    <Menu
        items={[
            {
                key: '1',
                label: (
                    <Link to='/article'>文章</Link>

                ),
            },
            {
                key: '2',
                label: (
                    <Link to='/archives'>归档</Link>
                ),
            },
            {
                key: '3',
                label: (
                    <Link to='/knowledge'>知识小册</Link>
                ),
            },
            {
                key: '4',
                label: (
                    <Link to='/messageboard' >留言板</Link>
                ),
            },
            {
                key: '5',
                label: (
                    <Link to='/into'>关于</Link>
                ),
            },
            {
                key: '6',
                label: (
                    <I18nBth />
                ),
            },
            {
                key: '7',
                label: (
                    <ThemeBth />
                ),
            },
            {
                key: '8',
                label: (
                    <Searcht />
                ),
            },
        ]}
    />
);



function antdMenu() {
    return (
        <div>
            <Dropdown overlay={menu}>
                <a onClick={(e) => e.preventDefault()}>
                    <Space>
                        <SmallDashOutlined />
                        <DownOutlined />
                    </Space>
                </a>
            </Dropdown>
        </div>
    )
}

export default antdMenu